<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<link rel="stylesheet" type="text/css" href="../../static/public/css/index.css" />
		<link rel="stylesheet" type="text/css" href="../../static/public/css/linetitlestyle.css" />
		<link rel="stylesheet" type="text/css" href="../../static/public/css/leftright.css" />
		<link rel="stylesheet" type="text/css" href="../../static/public/css/search.css" />
		<script type="text/javascript" src="../../static/public/js/jquery.min.js"></script>
		<script src="../../static/public/js/swiperjs.js"></script>
		<link rel="stylesheet" type="text/css" href="../../static/public/css/swiper.css" />
		<link rel="stylesheet" type="text/css" href="../../static/public/css/nav.css" />
		<link rel="stylesheet" type="text/css" href="../../static/salesman/css/contactService.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/salesman/css/noKindSearch.css"/>
	</head>
	<body>
		<!-- 搜索 -->
			<div class="noKindSearch" style="display: none;">
				<div class="noKindCon">
					<div class="noKindIn">
					<div class="noKindShai" state="nochoose">
						<div>出售</div>
						<img src="../../static/images/salesman/nochoose.png" />
					</div>
					<div class="shaiTanchuang">
						<div class="active">出售</div>
						<div>出租</div>
						<div>转让</div>
					</div>
					<div class="noKindImg">
						<img src="../../static/images/index/search@3x.png" />
					</div>
					<input type="text" placeholder="你想搜什么" class="forseach" onfocus="focusInput(this)" onblur="focusInput(this)" focus="true" value=""/>
					</div>
					<div class="noKindCancel">取消</div>
				</div>
				</div>
				<div class="noKindSeachCon">
				<div class="noKindRow">
					<div class="noKindRowCon">委托出租协议（30分）</div>
				</div>
				<div class="noKindRow">
					<div class="noKindRowCon">委托出租协议（20分）</div>
				</div>
				<div class="noKindRow">
					<div class="noKindRowCon">委托出租协议（30分）</div>
				</div>
			</div>
		
		<script src="../../static/public/js/jquery.min.js"></script>
		<script src="../../static/salesman/js/contactService.js"></script>
		<script src="../../static/salesman/js/twoChoose.js"></script>
		<script src="../../static/salesman/js/noKindSearch.js"></script>
		
		<!-- 搜索結束 -->
		<div class="indexall">
			<form>
				<div class="searchall">
					<select class="selectclass">
						<option>杭州</option>
						<option>上海</option>
						<option>深圳</option>
					</select>
					<div class="searchinput">
						<div class="searchline"></div>
						<img src="../../static/images/index/search@3x.png" class="searchimg" />
						<input type="text" name="searchcon" placeholder="你想搜什么?" id="search"/>
					</div>
				</div>
			</form>
			<div id="fk">
				<img src="../../static/images/gun1.jpg" style="display:block;" />
				<img src="../../static/images/gun2.jpg" />
				<img src="../../static/images/gun3.jpg" />
				<img src="../../static/images/gun4.jpg" />
				<ul>
					<li style="background:white;"></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
			<div class="flexwrap">
				<div class="indextop">
					<img src="../../static/images/index/chushou@3x.png" class="indexicon" />
					<div class="indextext">商铺出售</div>
				</div>
				<div class="indextop">
					<img src="../../static/images/index/chuzu@3x.png" class="indexicon" />
					<div class="indextext">商铺出租</div>
				</div>
				<div class="indextop">
					<img src="../../static/images/index/zhuanrang@3x.png" class="indexicon" />
					<div class="indextext">商铺转让</div>
				</div>
				<div class="indextop">
					<img src="../../static/images/index/zhaodian@3x.png" class="indexicon" />
					<div class="indextext">找店选址</div>
				</div>
				<div class="indextop">
					<img src="../../static/images/index/zhuangxiu@3x.png" class="indexicon" />
					<div class="indextext">装修办证</div>
				</div>
				<div class="indextop">
					<img src="../../static/images/index/jiemeng@3x.png" class="indexicon" />
					<div class="indextext">加盟合作</div>
				</div>
			</div>
			<div class="linetitlestyle">
				<div class="linetitle">
					<div class="line"></div>
					<div class="title">近期成交</div>
				</div>
				<div class="con">
					<div class="gundong">
						<marquee direction="up" scrollamount="1" class="marquee" behavior="scroll" loop="-1">
							<p>恭喜xx成交&nbsp;&nbsp;12456465456454</p>
							<p>恭喜xx成交&nbsp;&nbsp;25151</p>
						</marquee>
					</div>
				</div>
			</div>

			<div class="linetitlestyle" style="padding-right: 0;">
				<div class="linetitle">
					<div class="line"></div>
					<div class="title">最新店铺</div>
				</div>
				<div class="con">
					<div class="scroll">
						<div class="imgcon">
							<image src="../../static/images/gun1.jpg" class="img"></image>
							<div class="tit">颜值及正义</div>
							<div class="con">颜值即正义颜值即正义</div>
						</div>

						<div class="imgcon">
							<image src="../../static/images/gun1.jpg" class="img"></image>
							<div class="tit">颜值及正义</div>
							<div class="con">颜值即正义颜值即正义</div>
						</div>

						<div class="imgcon">
							<image src="../../static/images/gun1.jpg" class="img"></image>
							<div class="tit">颜值及正义</div>
							<div class="con">颜值即正义颜值即正义</div>
						</div>
					</div>
				</div>
			</div>

			<div class="linetitlestyle" style="padding-right: 0;padding-left: 0;">
				<div class="linetitle">
					<div class="line"></div>
					<div class="title">热门推荐</div>
				</div>
				<div class="con">
					<div class="leftrightflex">
						<img src="../../static/images/gun2.jpg" class="img" />
						<div class="content">
							<div class="hottit">[出售]&nbsp;&nbsp;颜值即正义</div>
							<div>2000m²</div>
							<div class="place">
								<img src="../../static/images/index/dingwei@3x.png" class="placeimg" />
								<div>杭州并将海创园基地</div>
							</div>
							<div class="hotprice">￥1800元/m²</div>
						</div>
					</div>
				</div>
			</div>
			<div></div>
		</div>
		<div class="bgblack" style="display: none;">
			<div class="icons">
				<div class="icon">
					<img src="../../static/images/navsend/chushou@3x.png" class="sendicon" />
					<div class="sendbgcon sendbg1">商铺出售</div>
				</div>
				<div class="icon">
					<img src="../../static/images/navsend/chuzu@3x.png" class="sendicon" />
					<div class="sendbgcon sendbg2">商铺出租</div>
				</div>
				<div class="icon">
					<img src="../../static/images/navsend/zhuanrang@3x.png" class="sendicon" />
					<div class="sendbgcon sendbg3">商铺转让</div>
				</div>
				<div class="icon">
					<img src="../../static/images/navsend/zhaodian@3x.png" class="sendicon" />
					<div class="sendbgcon sendbg4">我要找店</div>
				</div>
			</div>
		</div>
		
		
		<div class="navicons">
			<div class="nav">
				<img src="../../static/images/index/home.png" class="icon" />
				<div class="font">首页</div>
			</div>
			<div class="nav">
				<img src="../../static/images/index/information.png" class="icon" />
				<div class="font">行业资讯</div>
			</div>
			<div class="addfun">
				<img src="../../static/images/index/icon_add@3x.png" class="add" id="addimg"/>
				<div class="font">发布</div>
			</div>
			<div class="nav" style="margin-left: 19vw;">
				<img src="../../static/images/index/Application.png" class="icon" />
				<div class="font">申请推手</div>
			</div>
			<div class="nav">
				<img src="../../static/images/index/my.png" class="icon"/>
				<div class="font">我的</div>
				<div class="redround"></div>
			</div>
		</div>
		<script>
			$(function() {
				$(".add").click(function() {
					if ($(".bgblack").css("display") == "none") {
						$('.bgblack').css('display', 'block');
						$('#addimg').attr("src","../../static/images/navsend/add-sel@3x.png")
					} else {
						$('.bgblack').css('display', 'none');
						$('#addimg').attr("src","../../static/images/index/icon_add@3x.png")
					}
					
				});
			})
			
			
				$("#search").bind("click",function(){
					$(".noKindSearch").css("display","flex");
					$(".indexall").css("display","none");
					$(".navicons").css("display","none");
				})
				
		</script>
	</body>
</html>
